html {
    font-size: 16px;
}

* {
    margin: 0;
    padding: 0;
}

.root {
    width: 23.44rem;
    height: 41.69rem;
    /* background-color: rgb(195, 76, 76); */
    background-image: url("../创家盛典/img/bg.jpg");
    overflow: hidden;
    position: relative;
}

.blue-bg {
    width: 19.28rem;
    height: 19.53rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 10rem;
}

.bg-one,
.bg-two {
    width: 19.28rem;
    height: 19.53rem;
    position: absolute;
}

#yellow,
#rr,
#re {
    position: absolute;
}

#yellow {
    width: 19.28rem;
    height: 11.63rem;
    bottom: -20rem;
}

#rr {
    width: 19.28rem;
    height: 19.53rem;
    right: -10rem;
}

#re {
    width: 9.16rem;
    height: 19.47rem;
    left: -10rem;
}

.bg-two img,
.bg-theer img {
    position: absolute;
}

#dd {
    top: -40rem;
    bottom: 0;
    margin: auto;
    /* position: absolute; */
    width: 4.16rem;
    height: 5.56rem;
}

#qq {
    top: -40rem;
    bottom: 0;
    margin: auto;
    left: 4.31rem;
    width: 4.75rem;
    height: 10.25rem;
}

#gg {
    top: -40rem;
    left: 7.44rem;
}

#ccc {
    top: -40rem;
    left: 10.25rem;
}

#yy {
    /* top: -40rem; */
    bottom: -20rem;
    left: 5.19rem;
}

#pd {
    width: 8.38rem;
    height: 12.84rem;
    top: 0;
    bottom: -20rem;
    margin: auto;
    left: 0rem;
    opacity: 0;
}

#pr {
    bottom: -20rem;
    left: 4rem;
    height: 32.3rem;
    opacity: 0;
}

#pe {
    top: 0;
    bottom: -70rem;
    margin: auto;
    left: 8.44rem;
    width: 20.59rem;
    height: 20.66rem
}

#pm {
    top: -36.5rem;
    /* bottom: 0; */
    /* margin: auto; */
    right: 0;
    height: 23rem;
}

#maker {
    bottom: 0;
    left: 25.22rem;
    height: 2.56rem;
}

#dda {
    top: 8.2rem;
    left: 5.2rem;
    width: 1.4rem;
}

#p {
    width: 23.44rem;
    height: 1.25rem;
    font-family: FZLTHK--GBK1-0;
    font-size: 1.31rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 3rem;
    letter-spacing: 0.26rem;
    color: #898989;
    margin-bottom: 1rem;
}

#text-1 {
    width: 18.16rem;
    height: 2.5rem;
    font-family: FZSKJW--GB1-0;
    font-size: 2.63rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 3rem;
    letter-spacing: 0rem;
    color: #0048e7;
}

#text-2 {
    font-family: FZSKJW--GB1-0;
    font-size: 2.63rem;
    font-weight: normal;
    letter-spacing: 0rem;
    color: #fccf00;
}

#text-3 {
    font-family: FZSKJW--GB1-0;
    font-size: 2.63rem;
    font-weight: normal;
    letter-spacing: 0rem;
    color: #ffffff;
}

#text-4 {
    font-family: FZSKJW--GB1-0;
    font-size: 2.63rem;
    font-weight: normal;
    letter-spacing: 0rem;
    color: #cf121b;
}

.wenzi {
    position: absolute;
    top: 31rem;
    text-align: center;
    width: 23.44rem;
    height: 6rem;
    font-size: 0rem;
}

.wenzi img {
    width: 0rem;
}

.bottom img {
    width: 1.69rem;
    height: 0.56rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 2rem;
}

.xing img:first-child {
    position: absolute;
    top: 44rem;
    opacity: 0;
    /* width: 3rem; */
}

.xing img:last-child {
    position: absolute;
    top: 44rem;
    left: 10rem;
    width: 19rem;
    opacity: 0;
}